<template>
    <div>
        <van-nav-bar title="我的" left-text="返回" left-arrow @click-left="() => { { $router.back('/') } }" />
        <div class="xm">
            <van-image class="img" round width="10rem" height="10rem"
                src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            <div class="mz">
                <ul>
                    <li><span>名字:{{ username }}</span></li>
                    <li><span>邮箱:2990322633@qq.computed</span></li>
                    <li><span>介绍:我喜欢孙江涛</span></li>
                </ul>
            </div>
        </div>
        <van-cell-group>
            <van-cell title="我的订单" value="内容" @click="dj" />
            <van-cell title="发现" value="内容" />
            <van-cell title="单元格" value="内容" />
            <van-cell title="单元格" value="内容" />
           
        </van-cell-group>

    </div>
</template>

<script setup>
import { useRouter } from 'vue-router';
const router = useRouter()
let username = localStorage.getItem('username')
const dj=()=>{
    router.push('/dd')
}
</script>

<style lang="scss" scoped>

.xm{
    width: 300px;
    height: 200px;
    .img{
        width: 10px;
        height: 10px;
        float: left;
    }
    .mz{
        width: 200px;
        height: 200px;
        float: right;
        ul li{
            float: left;
        }
    }
}
</style>